<template>
	<div>
		<div id="homePage">
			<Hearder></Hearder>
			<Row type="flex" justify="start">
				<Col span="3"><LeftNav style="100%"></LeftNav></Col>
				<Col span="21"><router-view /></Col>
			</Row>
		</div>
		
	</div>
</template>

<script>
	import Hearder from "../../../components/common/Header.vue"
	import LeftNav from "../../../components/common/LeftNav.vue"

	export default {
		components: {
			Hearder,
			LeftNav
		},
		data() {
			return {
				contentStyle: {
					height: '',
					width: ''
				}
			}
		},
		methods: {
			getWidth() {
				this.contentStyle.width = window.innerWidth - 10 * 12 + 'px';
			},
			getHeight() {
				this.contentStyle.height = window.innerHeight - 3.75 * 12 + 'px';
			}

		},
		created() {
			//this.getWidth()
			this.getHeight()
		},
		mounted() {
			//this.getWidth()
			this.getHeight()
		}
	}
</script>

<style scoped="scoped">
	#homePage {
		height: 100%;
		overflow: hidden;
	}

</style>
